<template>
	<view>
		<div @tap="urlfun(value.url)" v-for="(value,index) in data" :key="index" class="list">
			<div class="list_name">{{value.name}}</div>
			<div class="list_value">{{value.value}}</div>
			<div class="list_icon">{{icons.dayuhao}}</div>
		</div>
		<div class="getup" @tap="getupfun">退出登录</div>
	</view>
</template>

<script>
	var _self;
	export default {
		data() {
			return {
				icon:'',
				icons:'',
				version:'',
				data:[{
					name:'关于聚优先',
					value:'',
					url:'',
				}],
			}
		},
		onLoad() {
			_self=this;
			this.icon=uni.getStorageSync('icon');
			this.icons=uni.getStorageSync('icons');
			//#ifdef APP-PLUS
		     this.data[this.data.length-1].value='版本'+plus.runtime.version;
		//#endif
		},
		methods: {
			urlfun:function(url){
				uni.navigateTo({
					url:url
				})
			},
			getupfun:function(){
				uni.setStorageSync('user','');//登陆凭证
				uni.setStorageSync('user_key','');
				uni.setStorageSync('yhpz','');
				uni.reLaunch({
				    url: '../../pages/user/user'
				});
			}
		}
	}
</script>

<style lang="scss">
.getup{
	width: 100%;
	height: 100upx;
	line-height: 100upx;
	text-align: center;
	color:$color-black-1;
	font-size: $color-size-5;
	background-color: $bgcolor-white-0;
	margin-bottom: 20upx;
}
.list{
	background-color: $bgcolor-white-0;
	width: 100%;
	height: 100upx;
	line-height: 100upx;
	margin-bottom: 20upx;
	display: flex;
	justify-content: center;
	.list_name{
		padding-left: 10upx;
		line-height: 100upx;
		height: 100upx;
		width: 330upx;
		color:$color-black-1;
		font-size: $color-size-5;
	}
	.list_value{
		padding-left: 10upx;
		line-height: 100upx;
		height: 100upx;
		width: 300upx;
		color:$color-black-5;
		font-size: $color-size-5;
		text-align: right;
	}
	.list_icon{
		padding-right: 10upx;
		line-height: 100upx;
		height: 100upx;
		width: 100upx;
		color:$color-black-5;
		font-size: $color-sizeicon-4;
		font-family: iconfont;
		text-align: right;
	}
}
</style>
